<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>本地播放器</title>
    <link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" />
    <link rel="stylesheet" href="./index.css" />
</head>
<body>
    <div class="container mt-4">
        <h2>我的播放器</h2>
        <button type="button" id="add-music-button" class="btn btn-primary btn-lg btn-block mt-4">
            添加歌曲到曲库
        </button>
        <div id="tracksList" class="trackLists mt-4" style="height: 280px;overflow-y: scroll;overflow-x: hidden"></div>
    </div>
    <div class="container fixed-bottom bg-white">
        <hr />
        <div class="row my-3" id="player_status"></div>
        <div class="progress my-3">
            <div class="progress-bar" id="progress_bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
        </div>
    </div>
</body>
<script type="text/javascript" src="./node_modules/bootstrap/dist/js/bootstrap.min.js" />
<script>
    require("./index.js")
</script>
</html>